
$(document).ready(function(){
	$('.tg .tg-tab').click(function(){
		if(!$('.tg').hasClass('tg-open')){
			$('.tg').animate({'left': 0}, 300, function(){$('.tg').addClass('tg-open');});
			$.cookie('tg-open', 'true');
		} else {
			$('.tg').animate({'left': -160}, 300, function(){$('.tg').removeClass('tg-open');});
			$.cookie('tg-open', 'false');	
		}
	});
	
	if($.cookie('tg-open') == 'true')
		$('.tg').css({'left': 0}).addClass('tg-open');

	
	$('#tg-option-bgimage').change(function(){
		$('#ts-bgimage').html('<link rel="stylesheet" type="text/css" href="catalog/view/theme/bistro/stylesheet/' + $(this).val() + '.css"media="screen" />;');
	});
	
	$('#tg-save').click(function(){
		var Data = {
			bistro_cp_default_color:	$('#tg-option-bgimage').val()
		};
		
		var Self = $(this);
		
		Self.hide();
		Self.parent().find('img').show();
		
		setTimeout(function(){
			$.post(Self.attr('href'), Data, function(out){
				Self.show();
				Self.parent().find('img').hide();
				if(out.success){
					alert($('.tg .tg-success').text());
				}else{
					alert(out.error);	
				}
			}, 'json').error(function() {
				alert($('.tg .tg-error').text());
				Self.show();
				Self.parent().find('img').hide();
			});
		}, 500);
		
		return false;
	});
	

});